<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    {{--<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">--}}
    <title>波罗鸡官方首页</title>
    <!-- Jquery -->
    <link rel="stylesheet" href="{{url('css/jquery.fullPage.css')}}">
    <script src="{{url('js/jquery.min.js')}}"></script>
    <script src="{{url('js/jquery.fullPage.min.js')}}"></script>
    {{--<style>--}}
        {{----}}
    {{--</style>--}}
    <script>
        $(function(){
            $('#dowebok').fullpage({

            });

            $('#page1').click(function () {
                $.fn.fullpage.moveTo(1);
            });
            $('#page2').click(function () {
                $.fn.fullpage.moveTo(2);
            });
            $('#page3').click(function () {
                $.fn.fullpage.moveTo(3);
            });
        });
    </script>
</head>
<body>
<div id="dowebok">
    <div class="section" style="background: url('{{url('images/page/pc-01.jpg')}}') no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;"></div>
    <div class="section" style="background: url('{{url('images/page/pc-02.jpg')}}') no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;"></div>
    <div class="section" style="background: url('{{url('images/page/pc-03.jpg')}}') no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;"></div>
</div>
<div style="position: fixed;z-index: 999;top: 30%;right:15px;">
    <p style="background: url('{{url('images/page/pc-icon.png')}}') no-repeat;width: 85px;height: 100px" id="page1"></p>
    <p style="background: url('{{url('images/page/pc-icon.png')}}') no-repeat 0 -132px;width: 85px;height: 100px" id="page2"></p>
    <p style="background: url('{{url('images/page/pc-icon.png')}}') no-repeat 0 -264px;width: 85px;height: 100px" id="page3"></p>
</div>
</body>
</html>